function footerList(){
    let headPositon = document.querySelectorAll('.wz-qrcode-hove')
    let areaList = document.querySelectorAll('.wz-qrcode-wrap')
    headPositon.forEach(function (ele, index) {
        ele.addEventListener('mouseenter',function(){
        
            areaList[index].style.display='block'
            ele.addEventListener('mouseleave',function(){
                areaList[index].style.display=''
            })
        })
    })

    let oA = document.querySelector('.business-area')
    let oB = document.querySelector('.hover-box')
    oA.addEventListener('mouseenter', function() {
        oB.style.display='block'
        oB.addEventListener('mouseleave', function() {
            oB.style.display=''
        })
    })

    var oD = document.querySelectorAll('.hover-box a') 
   oD.forEach(function(ele,index){
    ele.addEventListener('mouseenter', function() {
        for(var i = 0; i < oD.length; i++) {
            oD[i].style.color='#333'
        }
        ele.style.color = '#d3b145'
    })
    ele.addEventListener('mouseleave', function() {
        ele.style.color = '#333'
    })
   })
}
    